<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MyBlog</title>
    <link rel="stylesheet" href="../css/common.css">
</head>

<body>
    <div class="nav">
        <img src="../img/logo.jpeg">
        <span>我的博客系统</span>
        <span class="space"></span>
        <a href="blog_list.html">主页</a>
        <a href="blog_edit.html">写博客</a>
        <a href="https://www.baidu.com/">注销</a>
    </div>

    <div class="container">
        <div class="container-left">
            <!-- 个人信息 -->
            <div class="card">
                <!-- 头像 -->
                <img src="../img/head.gif">

                <!-- 昵称 -->
                <h3>胖猫</h3>
                <!-- gitee链接 -->
                <a href="https://gitee.com/dashboard" target="_blank">Gitee地址</a>
                <!-- 文章  分类-->
                <div class="counter">
                    <span>文章</span>
                    <span>分类</span>
                </div>
                <!-- 数量 -->
                 <div class="counter">
                    <span>1</span>
                    <span>2</span>
                 </div>
            </div>
        </div> 
        <div class="container-right">
            <!-- 博客列表 -->
             <div class="blog">
                <div class="title">这是第一篇博客</div>

                <div class="date">2022-10-10</div>

                <div class="content">
                    这是博客信息 Lorem ipsum dolor sit amet consectetur, 
                    adipisicing elit. Inventore blanditiis, nesciunt iure sed,
                     soluta veritatis modi fugit quo perferendis aliquid ratione cupiditate 
                     molestiae nihil, vel dicta animi quaerat saepe magni?
                </div>
     
                

                <a class="detail" href="blog_content.html?blogId=1" target="_blank">查看全文&gt;&gt;</a>
             </div>
        </div>
    </div>
</body>

</html>